<template>
  <transition name="slide-up">
    <page
      v-if="
        isLock &&
        ![
          LOGIN_NAME,
          NOTFOUND_NAME,
          NOTFOUND_NAME,
          'forgetPassword',
          'register',
        ].includes($route.name)
      "
    />
  </transition>
</template>

<script setup>
import { LOGIN_NAME, NOTFOUND_NAME } from '@/const/router'
import useLockStore from '@/store/modules/lock-screen'
import Page from './page'

const lockStore = useLockStore()

const isLock = computed(() => lockStore.isLock)

const isMounted = ref(false)

onMounted(async () => {
  await nextTick()
  isMounted.value = true
})
</script>
